<!--
 * @Author: your name
 * @Date: 2021-12-16 10:18:12
 * @LastEditTime: 2021-12-16 10:55:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \app\src\views\el\scrollbar\index.vue
-->

<template>
  <div class="scrollbar">
    <el-scrollbar wrap-class="scrollbar-wrapper">
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>
        141414141414114141414141414141414141414141414141414141414141414141414141414141414141414141414141414141414141414141414141414141414141414141441414141414141414141414141414
      </p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
      <p>14</p>
    </el-scrollbar>
  </div>
</template>

<script>
export default {
  name: "scrollbar",
};
</script>

<style lang="less" scoped>
/deep/.scrollbar-wrapper {
//   height: 100%;
//   width: 100%;
//   overflow: auto;
  &::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}
.scrollbar {
  width: 300px;
  height: 300px;
  .el-scrollbar {
    // width: 100%;
    height: 100%;
  }
}
</style>